button: Add diagrams to CSS node docs for buttons

diff --git a/gtk/gtkcheckbutton.c b/gtk/gtkcheckbutton.c
index c1963f3e4baaa03075653de401f16923422c5fe5..9e79b0b5d428d46698fb44c45ca1d3787fe62569 100644 (file)
--- a/gtk/gtkcheckbutton.c
+++ b/gtk/gtkcheckbutton.c
@@ -53,9 +53,19 @@
  *
  * # CSS nodes
  *
+ * |[<!-- language="plain" -->
+ * checkbutton
+ * ╰── check
+ * ]|
+ *
  * A GtkCheckButton with indicator (see gtk_toggle_button_set_mode()) has a
  * main CSS node with name checkbutton and a subnode with name check.
  *
+ * |[<!-- language="plain" -->
+ * button.check
+ * ╰── [check]
+ * ]|
+ *
  * A GtkCheckButton without indicator changes the name of its main node
  * to button and adds a .check style class to it. The subnode is invisible
  * in this case.

diff --git a/gtk/gtkradiobutton.c b/gtk/gtkradiobutton.c
index 8ee3a746f6af54687690eabe98141fd4937e57f6..148038b6be9e0e6d2f4e5acb75343eae57ba70f2 100644 (file)
--- a/gtk/gtkradiobutton.c
+++ b/gtk/gtkradiobutton.c
@@ -74,9 +74,19 @@
  *
  * # CSS nodes
  *
+ * |[<!-- language="plain" -->
+ * radiobutton
+ * ╰── radio
+ * ]|
+ *
  * A GtkRadioButton with indicator (see gtk_toggle_button_set_mode()) has a
  * main CSS node with name radiobutton and a subnode with name radio.
  *
+ * |[<!-- language="plain" -->
+ * button.radio
+ * ╰── [radio]
+ * ]|
+ *
  * A GtkRadioButton without indicator changes the name of its main node
  * to button and adds a .radio style class to it. The subnode is invisible
  * in this case.